<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 微信强制清除缓存-->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta charset="UTF-8">
    <!--<link rel="icon" type="text/css" href=""/>-->
    <link rel="stylesheet" href="lib/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
  </head>
  <body>
    <!-- 顶部搜索 -->
    <div class="search">
      <div class="logo">
        <img src="image/LOGO.jpg"alt="">
      </div>
      <div class="searchText">
      <select name="choseItem" class="chose">
        <option value="商品" data-attr="1">商品</option>
        <option value="店铺" data-attr="2">店铺</option>
      </select>
        <input type="text" class="searchIpt">
        <span class="searchBtn glyphicon glyphicon-search"></span>
      </div>
      <div class="car">
        <a href="html/shop_car.html">
          <span class="glyphicon glyphicon-shopping-cart"><span class ="count"></span></span>
        </a>
        
      </div>
    </div>
    <!--轮播图-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      </ol>
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <a href="#">
            <img src="" alt="...">
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="" alt="...">
          </a>
        </div>
      </div>
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!--一级四项-->
    <div class="master container-fluid">
      <div class="row">
      </div>
    </div>
    <!--茶卷兑换-->
    <div class="coupon container-fluid">
      <div class="title">
        <h3>茶券兑换</h3>
        <!-- <a href="html/teaExchange.html" id="couponAll">更多</a> -->
      </div>
      <div class="row">
      </div>
    </div>
    <!--推荐商品-->
    <div class="commend">
      <div class="title">
        <h3>推荐商品</h3>
      </div>
      <div class="goodsAll">
      </div>
    </div>
    <!-- 底部导航 -->
    <div class="teaNav container-fluid">
      <div class="row">
        <div class="home col-xs-4">
          <a href="index.html"><span class="glyphicon glyphicon-home"></span><span>首页</span></a>
        </div>
        <div class="car col-xs-4">
          <a href="html/shop_car.html"><span class="glyphicon glyphicon-shopping-cart"></span>
          <span>购物车</span>
        </a>
      </div>
      <div class="myself col-xs-4">
        <a href="html/myself.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a>
      </div>
    </div>
  </div>
  <div class="mask">您的资质正在审核中，请耐心等待</div>
</body>
</html>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="lib/js/jquery.min.js"></script>
<!-- <script src="script/rem.js"></script> -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/js/bootstrap.min.js"></script>
<script src="lib/template/template-native.js"></script>
<!-- 轮播图小圆点 -->
<script type="text" id="carouselLi">
  <%for (var i = 0; i < cal.sing.length; i++) {%>
    <%if (i==0) {%>
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <%}else{%>
      <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
    <%}%>
  <%}%>
</script>
<script type="text" id="carouselImg">
<%for (var i = 0; i < cal.sing.length; i++) {%>
  <%if (i==0) {%>
    <div class="item active">
          <a href="<%=cal.sing[i].url%>">
            <img src="<%=cal.sing[i].pic%>" alt="...">
          </a>
        </div>
    <%} else{%>
      <div class="item">
          <a href="<%=cal.sing[i].url%>">
            <img src="<%=cal.sing[i].pic%>" alt="...">
          </a>
        </div>
    <%}%>
    <%}%>
</script>
<!-- 四项主页面 -->
<script type="text" id="master">
<% for(var i = 0 ; i < master.sing.length; i ++){ %>
<%if (master.sing.length==3) {%>
<div class="col-xs-4">
<a href="#" class="thumbnail" id="master<%= master.sing[i].id%>">
  <img src=<%= master.sing[i].pic%> >
  <h4><%= master.sing[i].name%></h4>
</a>
</div>
<%}else{%>
<div class="col-xs-3">
<a href="#" class="thumbnail" id="master<%= master.sing[i].id%>">
  <img src="<%= master.sing[i].pic%>" alt="...">
  <h4><%= master.sing[i].name%></h4>
</a>
</div>
<%}%>
<%}%>
</script>
<!-- 茶券兑换 -->
<script type="text" id="coupon">
<%for (var i = 0; i < coupon.sing.length; i++) {%>
<div class="col-xs-3">
<a href="#" class="thumbnail"  id="coupon<%=coupon.sing[i].id%>" >
  <img src=<%= coupon.sing[i].photo%> alt="...">
</a>
</div>
<%}%>
</script>
<!-- 推荐商品 -->
<script type="text" id="goods">
<%for (var i = 0; i < goods.sing.length; i++) {%>
<a href="#" class="goods" data-goods_id=<%= goods.sing[i].goods_id%>>
<div class="media">
  <div class="media-left">
    <img class="media-object" src=<%= goods.sing[i].goods_img%> alt="...">
  </div>
  <div class="media-body">
    <h4 class="media-heading"><%= goods.sing[i].goods_name%></h4>
    <p class="price">￥<%= goods.sing[i].shop_price%></p>
  </div>
</div>
</a>
<%};%>
</script>
<script src="script/index.js"></script>
  <script src="script/rem.js"></script>